% !Mode:: "TeX:UTF-8"

\chapter{环境配置}

\section{MySQL下载及数据库连接}
\begin{figure}[htbp]
  \centering
  \includegraphics[width=0.4\textwidth]{MySQL.png}
  \caption{数据库连接}\label{fig:xml}
  \vspace{\baselineskip}
  \end{figure}

\section{后端开发环境配置}
配置tomcat服务器，下载jdk，配置环境变量，安装maven，配置maven环境变量，安装mysql驱动，配置mysql连接。
\begin{figure}[htbp]
  \centering
  \includegraphics[width=0.4\textwidth]{gcml.png}
  \caption{配置tomcat}\label{fig:xml}
  \vspace{\baselineskip}
  \end{figure}

  创建工程目录

  \begin{figure}[htbp]
  \centering
  \includegraphics[width=0.4\textwidth]{tomcat.jpg}
  \caption{工程目录}\label{fig:xml}
  \vspace{\baselineskip}
  \end{figure}
\section{前端开发环境配置}
升级vue3.0版本，使用vue-cli脚手架快速搭建前端开发环境，及安装后代码运行成功截图
\begin{figure}[htbp]
  \centering
  \includegraphics[width=0.4\textwidth]{vue3.png}
  \caption{升级vue3.0版本}\label{fig:xml}
  \vspace{\baselineskip}
  \end{figure}



\begin{figure}[htbp]
  \centering
  \includegraphics[width=0.4\textwidth]{run.png}
  \caption{升级vue3.0版本}\label{fig:xml}
  \vspace{\baselineskip}
  \end{figure}
